<template>
  <div class="chart-box">
    <h3>{{ title }}</h3>
    <el-divider><i :class="iconName"></i></el-divider>
  </div>
</template>

<script>
export default {
  props: {
    title: {
      type: String,
      required: true,
    },
    iconName: {
      type: String,
      required: true,
    },
  },
  data() {
    return {};
  },
  methods: {},
};
</script>

<style lang="scss" scoped>
.chart-box {
  text-align: center;
}
::v-deep .el-divider--horizontal {
  margin: 24px 0 8px !important;
}
</style>
